/*轮播图开始*/
.banner {
  max-height: 3.2rem;
  position: relative;
  overflow: hidden;
  margin-top:0.85rem;
  max-width:6.4rem;
}
  .swiper-container {
  /*max-width: 620px;*/
}
.swiper-wrapper{  
  height: 100%;
}
.swiper-slide {
  height: 100%;
 width: 100%;
}
.swiper-slide a{
 height: 100%;
 width: 100%;
 display:block;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
}
.swiper-container img{
    width: 6.4rem;
    height:3.2rem;
  background-size: 6.4rem;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:.1rem;
  width: 100%;
  z-index:98;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border-radius:50%;
  background: #ccc;
    margin: 0 5px;
  cursor: pointer;
}
.swiper-active-switch {
   display: inline-block;
   width: 10px;
  height: 10px;
  border-radius: 10px;
  border-radius:50%;
  background-color:#00a0e9;
}



/*轮播图结束*/
/*学前培优开始*/
/*学前培优结束*/
.page01{
  position:relative;
  width:6.4rem;
   height:7.7rem;
}
.page01 img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:6.4rem;
  height:7.7rem;
 background-size:6.4rem;
}
 .title-box{
  position:absolute;
   z-index:3;
    text-align: center;
  width:5.4rem;
  margin:0.5rem;
}
 .title-box h2{
  font-size:0.48rem;
  width:100%;
    font-weight:500;
  margin-bottom:0.2rem;
 
}
.title-box p{
  font-size:0.28rem;
  line-height:0.4rem;
  width:100%;
  color:#666666;
}
.title-box a{
  display:inline-block;
  font-size:0.3rem;
  line-height:0.3rem;
  width:100%;
  color:#00a0e9;
}

/*学前培优结束*/
/*page02豪华教研阵容开始*/
.page02{
  position:relative;
  width:6.4rem;
  height:8.9rem;
}
.page02 img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:6.4rem;
  height:8.9rem;
  background-size:6.4rem;
}
.page03{
  position:relative;
  width:6.4rem;
  height:7.1rem;
}
.page03 img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:6.4rem;
  height:7.1rem;
  background-size:6.4rem;
}
.page04{
  position:relative;
  width:6.4rem;
  height:6.8rem;
}
.page04 img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:6.4rem;
  height:6.8rem;
  background-size:6.4rem;
}
.page05{
  position:relative;
  width:6.4rem;
  height:5.2rem;
}
.page05 img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:6.4rem;
  height:5rem;
  background-size:6.4rem;
}
.page-main{
   position:relative;
  width:6.4rem;
  text-align:center;
}
.page-main h2{
  text-align:center;
  color:#333;
  font-size:0.4rem;
  font-weight:500;
}
.page-main ul{
  width:100%;
  overflow:hidden;
}
.page-main ul li{
  float:left;
  width:33.33%;
  height:1.6rem;
  text-align:center;
}
.page-main ul li .iconfont {
  display: block;
  width:100%;
  line-height:1.1rem;
  margin: 0 auto;
  color: #666;
  text-align: center;
  font-size: 0.6rem;
  cursor: pointer;
}
.page-main ul p{
  font-size:0.22rem;
  color:#666;
}
.list-box{
   position:relative;
  width:6.4rem;
  text-align:center;
  height:100%;
  padding-top:0.5rem;
  background:#efefef;
}
.list-box h2{
   font-size: 0.48rem;
  width: 100%;
  font-weight: 500;

  margin-bottom: 0.2rem;
}
.list-box  p {
  font-size: 0.28rem;
  line-height: 0.4rem;
  width: 100%;
  color: #666666;
}
.list-box a {
  display: inline-block;
  font-size: 0.3rem;
  line-height: 0.3rem;
  width: 100%;
  color: #00a0e9;
}
.list-box img{
  width:6.4rem;
  height:2.8rem;
  background-size:6.4rem;
}
.list1-box{
   position:relative;
  width:6.4rem;
  text-align:center;
  height:100%;
}
.list1-box h2{
   font-size: 0.48rem;
  width: 100%;
  font-weight: 500;
  color:#333;
  margin: 0.5rem 0;
}
.list1-box ul{
   width:100%;
  overflow:hidden;
}
.list1-box ul li{
 float:left;
 width:33.33%;
 text-align:center;

}
.list1-box ul li a{
  display:inline-block;
 float:left;
 width:100%;
 height:0.7rem;
 margin:0.2rem 0;
 text-align:center;
 position:relative;

}
.list1-box ul li .img01{
 width:1.6rem;
 height:0.7rem;
 background-size:1.6rem;
 z-index: 2;
 position:absolute;
 top:0;
 left:0.15rem;

}
.list1-box ul .img02{
 width:1.6rem;
 height:0.7rem;
 background-size:1.6rem;
 position:absolute;
 top:0;
 left: 0.15rem;
 z-index: 3;

}
.list1-box .tabC{
    width:100%;
  overflow:hidden;
}
.list1-box .tabC li{
  width:50%;
  margin:0 auto;
  margin-top:0.3rem;
}
.list1-box .tabC img{
  width:2rem;
  height:1.5rem;
  background-size:2rem;
}
.list1-box .tabC p{
  width:100%;
  width:2.6rem;
  padding: 0.2rem 0;
    margin:0 auto;
  font-size:0.24rem;
  color:#999;
  height:1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;

}
/*第二屏：招牌一：学科培优*/
.main{
	text-align:center;
	padding:0 0.5rem;
}
.main h2{
	font-size:0.48rem;
	line-height: 0.6rem;
	font-weight: 500;
	color:#333;
}
.main p{
	font-size:0.28rem;
	color:#666;
}
.content  img{
	width:6.4rem;
	background-size:6.4rem;
}
.main .p-titie{
	font-size:0.32rem;
	line-height:0.48rem;
	font-weight: 500;
	color:#333;

}
.main  a {
  display: inline-block;
  font-size: 0.3rem;
  line-height: 0.3rem;
  width: 100%;
  color: #00a0e9;
}
.bg{
	width:6.4rem;
	height:0.6rem;
	background:#efefef;
}
.bg1{
	width:6.4rem;
	height:1.2rem;
	background:#efefef;
}
.bg2{
	width:6.4rem;
	height:0.9rem;
	background:#efefef;
}
.main-left{
	text-align:left;
	padding:0 0.5rem;
}
.main-left h3{
	font-size:0.48rem;
	line-height: 0.6rem;
	font-weight: 400;
	color:#333;
}
.main-left p{
	font-size:0.28rem;
	line-height: 0.48rem;
	color:#666;
}
.main-left p span{
	font-size:0.36rem;
	margin-right:0.05rem;
	line-height: 0.48rem;
	color:#666;
}
.main-left.min-title{
	font-size:0.3rem;
	line-height: 0.6rem;
	color:#666;
}
/*商务合作开始*/
.bussnise {
	padding:0.3rem;
}
.bussnise p{
	font-size:0.26rem;
	line-height: 0.36rem;
	color:#666;
}
.bussnise .bussnise-p{

}
.bussnise .bussnise-p .span2{
	color:#00a0e9;
	margin-left:0.1rem;
	
}
/*商务合作结束*/
/*加入我们开始*/
.Tab ul{
	height:0.86rem;
	border-bottom:1px solid #ccc;
}
.Tab ul li{
	width:50%;
	height:0.86rem;
	line-height:0.86rem;
	float:left;
	text-align:center;
}
.Tab ul li a{
	display:inline-block;
	height:0.86rem;
	padding:0 0.2rem;
	font-size:0.28rem;
	color:#666;

}
.Tab ul .active{
	color:#00a0e9;
	border-bottom:1px solid #00a0e9;
}
.Tab-list ul {
	padding:0.3rem;
	overflow:hidden;
}
.Tab-list ul li{
	float:left;
	width:33.333%;
	text-align:center;

}
.list-detail{
	border-bottom:1px solid #ccc;
}
.list-detail li a{
	display:inline-block;
	width:1.84rem;
	height:0.8rem;
	color:#666;
	font-size:0.24rem;
	line-height:0.8rem;
	background:#f0f0f0;
	border-radius:0.1rem;
}
.list-detail li .curt{
	color:#fff;
	background:#00a0e9;
}

.tab-main ul{
	padding:0 0.3rem;
}
.tab-main li{
	width:100%;
	font-size:0.3rem;
	color:#333;
	position:relative;
	line-height:1.08rem;
	 border-bottom: 1px solid #dcdcdc;
}
.close{
	 content: "";
  display: block;
  position: absolute;
  right: .6rem;
  top: .34rem;
  width: .18rem;
  height: .18rem;
  border-color: #b7b7b7 #b7b7b7 #FFF #FFF;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
}
.open-down{
  content: "";
  display: block;
  position: absolute;
   right: .6rem;
  top: .34rem;
  width: .18rem;
  height: .18rem;
  border-color: #b7b7b7 #b7b7b7 #FFF #FFF;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
}
.box-detail {
	margin:0.2rem 0;
}
.box-detail span{
	display:inline-block;
	margin:0.05rem;
	color:#00a0e9;
}
.box-detail p{
	font-size:0.26rem;
	line-height:0.36rem;
}
/*OA开始*/
.Tab ul{
	height:0.86rem;
	border-bottom:1px solid #ccc;
}
.Tab .TabUl li{
	width:25%;
	height:0.86rem;
	line-height:0.86rem;
	float:left;
	text-align:center;
}
.Tab .TabUl li a{
	display:inline-block;
	height:0.86rem;
	padding:0 0.2rem;
	font-size:0.28rem;
	color:#666;

}
.Tab .TabUl .active{
	color:#00a0e9;
	border-bottom:1px solid #00a0e9;
}
.QA-main{
	padding:0 0.3rem;
}
.QA-main li{
	width:100%;
	font-size:0.3rem;
	color:#333;
	padding:0.5rem 0;
	position:relative;
	line-height:1.08rem;
	 border-bottom: 1px dashed #dcdcdc;
}
.QA-main h3{
font-size:0.3rem;
line-height:0.4rem;
color:#333;
position:relative;
padding-left:0.5rem;
}
.QA-main h3 .ico{
	display:inline-block;
	position:absolute;
	top:0px;
	left: 0;
	width:0.4rem;
	height:0.4rem;
	background:url(../images/06QA_03.jpg);
	background-repeat: no-repeat;
	background-size: 0.4rem 0.4rem;
}
.QA-main p .ico{
	display:inline-block;
	position:absolute;
	top:0;
	left: 0.05rem;
	width:0.3rem;
	height:0.3rem;
	background:url(../images/06QA_04.jpg);
	background-repeat: no-repeat;
	background-size: 0.3rem 0.3rem;
}
.QA-main p{
position:relative;
padding-left:0.5rem;
margin-top:0.3rem;
font-size:0.24rem;
line-height:0.36rem;
color:#666;
}
/*师资*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#swiper-box .swiper-wrapper{
}
#swiper-box .swiper-slide {
 width:1.35rem;
 height:1.35rem;
 background:pink;
 text-align: center;
font-size: 18px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*如何上课开始*/
.Online-main{
  width:100%;
  background:#fcfcff;
}
